
*{ margin: 0; padding: 0; list-style: none; color: #333; font-family: "PingFang SC, '微软雅黑'";}
a{ text-decoration: none;}
a:hover{ opacity: 0.86; transition: ease-in-out 0.2s all;}
body{ background: #FFF;}
.navBarBox{ height: 110px; background: #FFF; width: 100%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}
.navBar{ width: 1200px; margin: 0 auto;}
.navBar .logo { float: left; margin-top: 32px;}
.navBar .menuBar{ float: right; width: 882px;}
.navBar .menuBar li{ height: 110px; float: left;}
.navBar .menuBar li a{ height: 110px; line-height: 110px; display: inline-block; padding:0 33px;}
.navBar .menuBar li a:hover,.navBar .menuBar li a.cur{ background: #5AB531; color: #FFF;}
.banner{ height: 774px ;}
.swiper {width:100%;height:100%;}
.swiper-slide {text-align:center;font-size:18px; background-position: center center;}
.swiper .swiper-pagination .swiper-pagination-bullet{ width: 24px; height: 24px; background:#A0BACD;}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#81D355;}

/*  */
.cont1{ background:url('../images/contbg01.jpg') no-repeat center top; height: 758px; overflow: hidden;}
.contTextBox{   line-height: 52px; color: #666; font-size: 32px;margin-top: 300px;}
.contTextBox p{ opacity: 0.8; width: 1200px; margin: 0 auto;  font-weight: normal;}
.viewMoreBtn{ font-size: 32px; width: 349px; height: 103px; color: #FFF; border: 1px solid #F6F8F1; background:rgba(0, 125, 255, 0.65); display: block; margin: 100px auto; line-height: 103px; text-align: center;}
.viewMoreBtn img{ vertical-align: sub; padding-left: 10px;}

/*  */
.cont2{ background:url('../images/contbg02.jpg') no-repeat center top; height: 758px; overflow: hidden;}
.cont2 .contTextBox p{ color: #FFF; opacity:1; font-size: 28px;}
.cont2 .contTextBox p b{ font-weight: bold; color: #FFF;}
.cont2 .viewMoreBtn{ background: rgba(255, 255, 255, 0.65); color: #55a72d; border-color: #CBE3BC;}
/*  */
.cont2-1{ background:url('../images/contbg02-1.jpg') no-repeat center top; height: 903px; overflow: hidden;}
.cont2-1 .contTextBox p{ color: #000; opacity:1; font-size: 23px; margin-bottom: 10px;}
.cont2-1 .viewMoreBtn{ margin-top: 24px;}
/*  */
.cont2-2{ background:url('../images/contbg02-2.jpg') no-repeat center top; height: 846px; overflow: hidden;}
.cont2-2 .contTextBox p.cp01{ font-size: 30px; color: #000;}
.cont2-2 .contTextBox p{  opacity:1; font-size: 24px; margin-bottom: 10px;}
.cont2-2 .contTextBox p b{ font-weight: bold; color: #6BB848; font-size: 44px;}
.cont2-2 .viewMoreBtn{ margin-top: 24px; background-color: #6BB848;}

/*  */
.cont3{ margin: 55px auto; width: 1200px; overflow: hidden;}
.cont3 h3 { margin: 0 auto; width: 639px;}
.cont3sub1{ margin-top: 81px;}
.cont3sub1 dt{ float: left; width: 651px; height: 441px; overflow: hidden; }
.cont3sub1 dd{ float: right; width: 547px; border: 2px solid #E2E2E2; border-left: 0px; height: 437px; overflow: hidden;}
.cont3sub1 dd h3{ border-left: 3px solid #0D72BB; padding-left: 15px; margin: 138px 0 0 38px; font-size: 32px; font-weight: normal;}
.cont3sub1 dd p{ width: 440px; margin-left: 53px; margin-top: 30px; line-height: 46px; color: #666; font-size: 22px;}
.cont3sub2{ background-color: #EEE;}
.cont3sub2 a.img{ background-position: center center; background-size: cover; width: 542px; overflow: hidden; height: 442px; float: left; background-repeat: no-repeat; margin: 10px 10px 10px 0;}
.cont3sub2 a.img{  display: flex; align-items: center;}
.cont3sub2 a.img p{ text-align: center; width: 100%; color: #FFF; font-size: 32px;}
.cont3sub2 a.more{ width: 95px; height: 442px; background-color: #0D72BB; float: right; margin-top: 10px; writing-mode: vertical-lr; color: #FFF; font-size: 32px; line-height: 95px; text-align: center; letter-spacing: 8px; position: relative;}
.cont3sub2 a.more::after{ content: ''; display: block; width:22px ; height: 22px; position: absolute; bottom: 40px; left: 50%; margin-left: -11px; background: url('../images/icon03.png') no-repeat;}

.footerBox{ background-color: #0A0A0B; padding: 15px 0; overflow: hidden; clear: both;color: #FFF;}
.footer{ width: 1200px; margin: 0 auto; }
.footer .tel{ font-size: 22px; line-height: 116px;color: #FFF; border-bottom: 1px solid #27272A; margin-bottom: 55px;}

.footerMain{ display: flex;}
.footerMenu{ display: flex; margin-bottom: 30px;}
.footerMenu dl{ flex: 1; width: 125px; }
.footerMenu dl dt{ font-size: 20px; color: #FFF; margin-bottom: 20px;}
.footerMenu dl dt a{ color: #FFF;}
.footerMenu dl dd a{ color: #FFF; display: block; font-size: 14px; line-height: 32px; color: #b9bfcb;}
.weixin{ display: flex; margin-left: auto; text-align: center; font-size: 14px; color: #FFF;  }
.weixin dl{ margin:-5px 10px;}
.weixin dl dd{ color: #FFF; line-height: 32px;}

.copyright{ line-height: 60px; text-align: center; background: #030303; color: #63656a;}
.copyright a{ color: #63656a;}

/* aboutMain */
.aboutCont1Box{ background: url('../images/aboutBg01.jpg') no-repeat center top #E7E7E8; overflow: hidden; padding-bottom: 79px;}
.title1{ text-align: center; margin: 100px auto 80px auto;}
.cont{ width: 1200px; margin: 0 auto; overflow: hidden;}
.cont .img{ padding: 0 40px 20px 0; float: left;}
.cont p{ font-size: 18px; line-height: 40px; color: #666;}
.cont table tr td{line-height: 56px;}
.cont table p{ line-height: 56px; }
.cont P.p0{ text-indent: 1em;}
.cont P b{ font-size: 22px; line-height: 54px;}
.aboutCont2Box{ overflow: hidden; padding-bottom: 100px;}
.aboutCont3Box{background: url('../images/aboutBg02.jpg') no-repeat center top #0562AF; background-size: cover; overflow: hidden; min-height: 1477px;}
.cont3{ margin-bottom: 50px;}
.cont3 p{ color: #FFF; font-size: 15px;}
.aboutCont6Box{ margin-bottom: 60px;}
.aboutCont5Box{ background-color: #F0F2F5; overflow: hidden; padding-bottom: 70px;}
.contList{margin: 0 -10px; width: 1220px; clear: both; overflow: hidden;}
.contList dl{ float: left; text-align: center; width: 285px;  margin: 5px 10px 0px 10px;}
.contList dl dt{width: 285px; height: 215px; overflow: hidden; }
.contList dl dt img{width: 285px; height: 215px;}
.contList dl dd{line-height: 60px; font-size: 18px; color: #a5a5a5;}

.pagination{ text-align: center; clear: both; margin: 40px auto 0px auto; overflow: hidden;  }
.pagination a{ display: inline-block; height: 56px; line-height: 56px; color: #606266;  border-radius: 4px; padding: 0 20px; font-size: 20px;}
.pagination a.cur{ background: #46A0FC; color: #FFF;}
.pagination a:hover{background: #46A0FC; color: #FFF; opacity: 0.8;}
.patentList dl {height: 272px; margin-bottom: 80px;}
.patentList dl dt{ float: left; width: 375px;  height: 272px;}
.patentList dl dd{ float: right; border: 1px solid #A5A5A5; width: 824px; border-left: 0; height: 272px;  align-items: center; display: flex;}
.patentList dl dd > div{ margin-left: 165px;}
.patentList dl dd > div p{ color: #a5a5a5;}
.productCont1{ background: url('../images/productBg1.jpg') no-repeat center top #E7E7E8; overflow: hidden; height: 808px;}
.productCont1 .contTextBox,.productCont2 .contTextBox{ text-align: left; width: 398px; margin: 360px auto 0 auto;}
.productCont1 .viewMoreBtn,.productCont2 .viewMoreBtn{ margin: 100px 0 0 0;}
.productCont2{ background: url('../images/productBg2.jpg') no-repeat center top #E7E7E8; overflow: hidden; height: 808px;}
.productCont3{ background: url('../images/productBg3.jpg') no-repeat center top; overflow: hidden; height: 808px;}
.productCont3Box h4{ font-size: 32px; line-height: 80px;color: #FFF;}
.productCont3Box p{ color: #FFF; font-size: 20px; line-height: 38px;}
.productCont3Left{ float: left; width: 600px; padding:0 190px 0 20px; box-sizing: border-box;}
.productCont3Right{ float: right; width: 600px;padding:0 20px 0 190px; box-sizing: border-box;}
.productCont3Box .viewMore{ width: 240px; height: 98px; font-size: 32px; line-height: 98px; text-align: center; color: #FFF; border: 1px solid #FFF; display: block;}
.viewMore:hover{ opacity: 0.8;}
.productCont3Left .viewMore{ margin-top: 75px;}
.productCont3Right .viewMore{ margin-top:37px;}

.marketCont1{ background: url('../images/marketBg1.jpg') no-repeat center top; overflow: hidden; height: 897px;}
.marketCont{ line-height: 34px; font-size: 18px; color: #666; padding: 400px 0 0 640px; width: 444px;}

.marketCont2{ margin: 30px 0 0 0;}
.marketCont2 .title2{ text-align: center; font-size: 34px; color: #000; margin:140px 0 70px 0;}

.marketCont3{ min-height: 400px; background-color: #F3F3F3; margin-top: 150px; overflow: hidden;}
.marketList p{ display: flex; justify-content: space-between;}
.marketList p strong{ font-weight: normal;}

.newsCont1,.joinCont1{ background-color: #F3F3F3; overflow: hidden;}
.newsList{ margin-bottom: 88px;}
.newsList a{ display: block;  overflow: hidden; line-height: 58px; border-bottom: 1px solid #D8D8D8; color: #666; font-size:18px;}
.newsList a strong{ font-weight: normal; float: left;}
.newsList a span{  float: right;}


.joinCont1{ padding-bottom: 170px;}
.joinCont2{ background: #FFF;}
.joinCont{ padding: 40px 0;}
.joinCont h2{ line-height:44px;}
.joinCont h2 span{ font-size: 18px; font-weight: normal;}

.bgBlack{ background-color: #EFEFEF;}
.joinCont2 .title1{ margin-bottom: 40px;}

.findCont1{background-color: #FFF;}

.messageBox{ margin: 0 auto; width: 1200px; overflow: hidden;}
.messageLeft{ float: left; width: 376px; }
.messageLeft p { height: 61px; margin-bottom: 15px;}
.messageLeft p input{ height: 59px; width: 374px; padding: 0 20px;}
.messageLeft p input,.messageRight textarea{  box-sizing: border-box;background: #F5F6F9; border:1px solid #C1C1C1; font-size: 18px; color: #000;}
.messageRight{ float: right; width: 812px; height: 363px;}
.messageRight textarea{width: 810px; height: 287px;padding: 20px ; }
.messageRight button{width: 810px;background: #449AF2; color: #FFF; border:1px solid #FFF; cursor: pointer; height: 60px; margin-top: 13px; font-size: 20px;}


.findCont2{ background-color: #F3F3F3; overflow: hidden; margin: 80px 0 0 0; padding-bottom: 80px;}
.findList a{ display: block;  overflow: hidden; line-height: 52px;  color: #666; font-size:18px;}
.findList a strong{ font-weight: normal; float: left;}
.findList a span{  float: right;}

.newsDetail,.productDetail{ margin: 90px auto; width: 1200px;}
.breadcrumb {color: #A4A4A4; font-size: 14px; font-weight: normal;}
.breadcrumb a{ color: #A4A4A4; font-size: 14px;}
.newsDetailBox h4{ color: #000; font-size: 26px; margin: 70px 0 60px 0; text-align: center;}
.newsDetailBox h2{ margin-bottom: 30px;}
.newsDetailBox{ color: #000; line-height: 36px; color: #000; font-size: 18px;}
.newsDetailBox p{ margin-bottom: 20px;}

.productDetailBox{ overflow: hidden;}
.productDetail{ overflow: hidden;}
.productSwiper{ height: 414px; width: 450px; float: left; margin-top: 40px;}
.productInfo{float: right; margin-top: 36px; width: 715px; color: #000;}
.productInfo h3{ font-size: 26px; line-height: 44px;}
.productInfo p{ font-size: 18px; line-height: 38px;}

.product{ clear: both; margin-top: 40px;}
.titlt5{ height: 52px; border-bottom: 1px solid #B5B5B5;  font-size: 22px;}
.titlt5 span { cursor: pointer; float: left; line-height: 50px; padding: 0 5px; color: #8f8f8f; font-weight: normal; margin-right: 30px; border-bottom: 2px solid #FFF;}
.titlt5 span.cur{border-bottom: 2px solid #0D72BB; color: #000;}

.productCont{ padding: 40px 0;}
.productCont p{  font-size: 18px; line-height: 38px; color: #000;}

.newsDetailBox .swiper{width: 1200px; height:100%; margin: 80px 0;}
.newsDetailBox .swiper .swiper-slide { width:80%; height:100%;min-height:800px;font-size:32px;font-weight:500;display: flex;flex-direction: column;justify-content:center;align-items:center; }
.newsDetailBox .swiper .swiper-slide > div{ vertical-align: middle;}
.newsDetailBox .swiper .swiper-slide p{ font-size: 24px; text-align: center; line-height: 40px; background-color: #FFF;}
.newsDetailBox .swiper-button-next, .newsDetailBox .swiper-rtl .swiper-button-prev{ color: #FFF;}
.newsDetailBox .swiper-button-prev, .newsDetailBox .swiper-rtl .swiper-button-next{color: #FFF;}